<!-- 
Copyright (c) 2008 Google Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
   
   http://www.apache.org/licenses/LICENSE-2.0
   
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->

<html>
<head>
<title>Blog</title>
    <style>
        body {
          font:Verdana, Arial, Helvetica, sans-serif;
        }
        a {
          text-decoration: none;
          font-size: small;
        }
        a:hover {
          text-decoration: underline;
        }
        #header {
	        padding: 5px 20px;
	        margin-bottom: 10px;
	        color: white;
	        background-color: #003366
        }
        #left_pane {
	        float: left;
	        width: 200px;
        }
        #content {
	        float: left;
	        width: 600px;
	        padding-left: 20px;
	        border-left: 1px dashed #003366;
        }
        .group_header {
	        font-weight: bold;
        }
        .by_line {
	        font-size:small;
        }
        .post_title {
	        font-size: x-large;
        }
	</style>
	<script src="http://www.google.com/jsapi"></script>
	<script language="Javascript" type="text/javascript">
	  google.load('feeds', '1');
	  google.setOnLoadCallback(Loaded, true);
	  
	  function Loaded() {
	    var feed = new google.feeds.Feed('http://digg.com/rss/index.xml');
	    feed.setNumEntries(4);
	    feed.load(FeedLoaded);
	  }
	  
    function FeedLoaded(context, result, status, details) {

    }	  
	</script>
</head>
<body>
<script language="Javascript" type="text/javascript">  
  var diggFeed = null;
  function FeedLoaded(result) {
    var entries = result.feed ? result.feed.entries : null;
    if (entries) {
      var html = [];
      for (var i = 0; i < entries.length; i++) {
        html.push('<a href="');
        html.push(entries[i].link);
        html.push('">');
        html.push(entries[i].title);
        html.push('</a><br/>');
      }
      document.getElementById('diggStories').innerHTML = html.join('');
    }
  }
</script>

<script src="http://ajax.googleapis.com/ajax/services/feed/load?callback=FeedLoaded&context=0&v=1.0&num=4&q=http://digg.com/rss/index.xml"></script>

<div id="header">
  <h1>My Blog </h1>
</div>
<div id="left_pane"> <span class="group_header">Digg</span> <br>
  <div id="diggStories"></div>
  <br>
  <span class="group_header">Archive</span> <br>

  <a href="?may">May (1)</a><br>
  <a href="?may">April (0)</a><br>
  <a href="?may">March (1)</a>
  </h3>
</div>
<div id="content"><span class="post_title">First Post</span><br>
  <span class="by_line">Posted by Vadim at 12:00 PM </span>

  <p>This is just a test blog. Here's a funny video: </p>
  <object width="425" height="355">
    <param name="movie" value="http://www.youtube.com/v/dMH0bHeiRNg&hl=en">
    </param>
    <param name="wmode" value="transparent">
    </param>
    <embed src="http://www.youtube.com/v/dMH0bHeiRNg&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
  </object>

  <p>
    Here's a cute picture: 
  </p>
  <p>
    <img width="600" src="http://farm4.static.flickr.com/3260/2465731125_6dacf75888_b.jpg" />
  </p>
</div>
</body>
</html>
